<style>
	/* 手机顶部透明LOGO */
	.header_common .top_zd{ width:100%; position:fixed;
		top:0;
		z-index:9999999999;}
	.header_common .top-m{
		/*max-width:640px;*/
		margin:0 auto;
		position: relative;
	}
	.header_common .top-logo{
		width: 100%;
		height:1rem;
		background-color:#000;
		overflow: hidden;
	}
	.header_common img.logo-pic{
		display: block;
		width: .7rem;
		height: .7rem;
		margin: 0 auto;
		margin-top: 0.14rem;
	}
	.header_common .banner-lc-m{
		width: 100%;
	}

	.header_common .nav-wrapper a{
		display: block;
	}
	.header_common .nav-wrapper .swiper-slide.curr a{
		color: #ba52ed;
	}


	/* 自由滑动导航 */
	.header_common .nav-free{
		/*margin-top: -0.63rem;*/
		width: 100%;
		height: 0.7rem;
		background-color:#1d1d25;
		opacity: 0.9;
	}
	.header_common .nav-free .swiper-slide{
		width: 1rem;
		text-align: center;
		line-height: 0.7rem;
		background-color:#1d1d25 !important;
	}
	.header_common .nav-free a{
		font-size: .27rem;
		color: #fff;
	}
</style>
<div  class="header_common">
	<div class="top-m"  >
		<!-- 手机顶部透明LOGO -->
		<div class="top_zd">
			<div class="top-logo">
				<img src="{JS_PATH}/nsrmodel_h5/images/logo_nsr_m.png" alt="" class="logo-pic">
			</div>
			<!-- 手机顶部透明LOGO结束 -->
			<!-- 导航开始 -->
			<div class="swiper-container swiper-container-horizontal swiper-container-free-mode nav-free">
				<div class="swiper-wrapper nav-wrapper">
					<div class="swiper-slide"><a href="/" >首页</a></div>
					<!-- <div class="swiper-slide {if $catid == 117}curr{/if}"><a href="/index.php?m=content&c=index&a=lists&catid=117">世姐</a></div> -->

					{pc:content action="category" catid="133" num="25" siteid="$siteid" order="listorder ASC"}
					{loop $data $r}
					<div class="swiper-slide {if (($catid == $r['catid']) || (($r['catid'] == 138) && ($catid == 140 || $catid == 141)) || (($r['catid'] == 142) && ($catid == 149 || $catid == 150 || $catid == 151 || $catid == 152 || $catid== 153 || $catid == 154 || $catid == 157 || $catid == 160)))}curr{/if}"   ><a href="/index.php?m=content&c=index&a=lists&catid={$r['catid']}">{$r[description]}</a></div>
					{/loop}
					{/pc}
					<!-- <div class="swiper-slide {if $catid == 2}curr{/if}"><a href="/index.php?m=content&c=index&a=lists&catid=2">关于</a></div> -->
					<!-- <div class="swiper-slide"><a href="">合作</a></div> -->
				</div>
			</div>
		</div>
		<!-- 导航结束 -->
	</div>
	<div style="height:1.7rem"></div>
</div>
<script type="text/javascript" src="{JS_PATH}/nsrmodel_h5/js/swiper.min.js"></script>
<script>
	var swiper4 = new Swiper('.swiper-container.nav-free', {
		/*pagination: '.swiper-pagination',*/
		slidesPerView:7,
		paginationClickable: true,
		spaceBetween: 0,
		freeMode: true
	});
</script>